<!DOCTYPE html>
<html lang="en">
	<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>html5新增的布局元素</title>
		{% load static %}
		<link rel="stylesheet" type="text/css" href="{% static 'css/7css.css' %}"/>
		<script>
			function updateEmpById(empno){
				// 设置更新员工查询的url请求地址
				url = "/login/amend/" + empno
				console.log(url)
				// 发送请求
				window.location = url
        }
		</script>
	</head>

	<body bgcolor="mediumblue"  background="{% static 'image/t01d61356d326bd0f99.jpg' %}">
		<!----头部-->
		<header >
			<!--如果出现了多个h标签 <hgroup></hgroup>-->
			<h3>BLOG Online 个人微博<label style="float:right;">欢迎, {{man.name}}&nbsp;&nbsp;<a href="/login?page=1">[退出]</a><a href="javascript:updateEmpById({{ man.empno }});">[修改信息]</a></label></h3>
		</header>
		<img  style="float:right;"height="55px" width="55px" left: 50% top: 50%    margin-left: -50 margin-top: -50  src="/static/image/{{man.head}}"/>
		<div id="header"  >
		<!--导航-->
		<nav>
			<!--用列表来做导航-->
			<ul>
				<li>
					<a href="/login/ix1?page=1">首页</a>
				</li>
				<li>
					<a href="/login/jsl2/1?page=1">技术类</a>
				</li>
				<li>
					<a href="/login/jsl2/2?page=1">生活类</a>
				</li>
				<li>
					<a href="/login/jsl2/3?page=1">其它</a>
				</li>
				<li>
				<a style="float:right;" href="/login/a/b/c/{{man.empno}}?page=1">返回</a>
				</li>
			</ul>
		</nav>
		</div>
	</body>

</html>